// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as *;
@use '~@mozilla-protocol/core/protocol/css/components/inline-list';

.section {
    margin-bottom: $layout-lg;

    &:last-child {
        margin-bottom: 0;
    }

    @media #{$mq-md} {
        margin-bottom: $layout-xl;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

.sub-section {
    margin-bottom: $layout-md;

    &:last-child {
        margin-bottom: 0;
    }

    @media #{$mq-md} {
        margin-bottom: $layout-lg;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

.media {
    display: block;
    margin: $spacing-lg 0;
}

.mob-intro ul li {
    text-align: center;
    max-width: 100px;

    img {
        display: block;
        margin-bottom: $spacing-sm;
    }
}
